Intro

Simple JSON viewer

Simple JSON viewer built 100% in toddle. 

Demo

data

Components

  • simple-json-viewer

    Display JSON data

    data

    Attributes

    default-expanded(Default = false)  Expand all fields by default
    key(Optional) The name or label of the data you want to display
    default-expanded(Required) The parsed json data

    Events

    selectFired when a user selects a key in the json data

Style variables

simple-json-viewer-key-colorColor for the json viewer keys
simple-json-viewer-string-colorColor for string values
simple-json-viewer-number-colorColor for number values
simple-json-viewer-null-colorColor for null values
simple-json-viewer-boolean-colorColor for boolean values
simple-json-viewer-hover-bgItem :hover background color
simple-json-viewer-hover-group-bgIgroup :hover background color
simple-json-viewer-font-sizeFont size